<!-- 推荐成功 -->
<template>
	<view>
		<view class="m-card u-m-t-20 u-p-b-30">
			<view class="">
				<view class="w_100 u-flex u-flex-center">
					<text class="c1">推荐成功</text>
				</view>
				<view class="w_100 u-flex u-flex-center u-m-t-40">
					<u-icon name='checkmark-circle-fill' color='#0E5642' size='92'></u-icon>
				</view>
				<view class="w_100 u-flex u-flex-center u-m-t-40">
					<text class="c1">
						你已成功推荐{{num}}位亲友
					</text>
				</view>
			</view>
			<view class="boxtop u-rela">
				<view class="u-abso boxab">
					<u--image :src='src' width='86' height='62'></u--image>
				</view>
				<view class="boxhui">
					<view class="m-mg-lr">
						<view>
							<text class="u-font-26 m-font-b">恭喜成功推荐</text>
						</view>
						<view class="c2">
							<text>您的亲友已被成功推荐，如预审核成功，
								内当家工作人员将尽在合适的时机联系您的亲友！</text>
						</view>
					</view>
				</view>
			</view>
			<view class="u-m-t-40">
				<view class="boxdi u-rela">
					<button type="default" open-type="share" class="btu_operation u-abso"></button>
					<text>分享给好友</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				num: 0,
				src: 'https://neidangjia.oss-accelerate.aliyuncs.com/room/%E5%B0%8F%E5%BD%93%E5%AE%B6%E5%8A%A8%E6%80%814%E4%B8%AA%403x.png',
				room: {}
			};
		},
		async onLoad() {
			let res = await this.require('getcustomernum');
			if(res){
				this.num = res;
			}
		},
		// async onShareAppMessage(res) {
		// 	if (!await this.getMobile()) {
		// 		return;
		// 	}
		// 	if (res.from === 'button') {
		// 		return {
		// 			title: this.room.name,
		// 			path: '/pages/room/details?share=share&agentid=' + this.userId + '&id=' + this.room.id,
		// 			imageUrl: this.room.image
		// 		}
		// 	}
		// },
	}
</script>

<style lang="scss" scoped>
	.boxrow {
		align-items: center;
	}
	
	.boxdi{
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		border-radius: 10rpx;
		color: #fff;
		font-size: 32rpx;
		background-color: #0E5642;
	}
	
	.btu_operation{
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
	}
	
	.boxab{
		top: -120rpx;
		left: 10rpx;
	}

	.c1 {
		color: #0E5642;
		font-size: 32rpx;
		font-weight: bold;
	}
	
	.c2{
		color: #888;
		font-size: 24rpx;
		text-indent: 2em;
	}

	.boxtop {
		margin-top: 140rpx;
	}

	.boxhui {
		border: 1rpx solid #b6b6b6;
		border-radius: 10rpx;
		padding: 20rpx;
	}
</style>